.progress_box {
  position: relative;
  width: 90px;
  height: 52px;
  // 这里的宽高是必须大于等于canvas圆环的直径 否则绘制到盒子外面就看不见了
  // 一开始设置 width:440rpx; height:440rpx; 发现 在360X640分辨率的设备，下绘制的圆环跑盒子外去了
  // 小程序使用rpx单位适配 ，但是canvas绘制的是px单位的。所以只能用px单位绘制的圆环在盒子内显示
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}

.progress_bg {
  position: absolute;
  z-index: 9;
  width: 88px;
  height: 88px;
}

.progress_canvas {
  width: 88px;
  height: 88px;
}

.progress_text {
  width: 100%;
  height: 100%;
  position: absolute;
  // z-index: 10;
  align-items: center;
  padding: 3px 0 0 2px;
  justify-content: center;
}

.progress_info {
  color: #ff6600;
  font-size: 28px;
  padding-top: 4px;
  font-weight: 500;
  line-height: 28px;
  height: 28px;
}

.progress_info1 {
  font-size: 20px;
  line-height: 20px;
  height: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.4);
}
